﻿<%@ Page Language="C#" %>

<%@ Import Namespace="wojilu" %>
<%@ Import Namespace="wojilu.View" %>
<%@ Import Namespace="wojilu.Web.Controller" %>
<%@ Import Namespace="wojilu.Apps.Qycms.Domain" %>
<%var site = v.data("site") as m_site; %>
<%var lngs = site.lngs; %>
<%var dlngs = site.dlngs; %>
<%var read = v.data("read") as System.Data.DataRow; %>
<%var document=v.data("document") as Document; %>
<%var typeread = v.data("typeread") as TypeList; %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="#{site.templates}css/css.css" />
    <link rel="stylesheet" href="#{site.templates}css/MagicZoom.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="#{site.templates}css/style.css" />

    <title>#{pageTitle}</title>
    <meta name="Keywords" content="#{pageKeywords}" />
    <meta name="description" content="#{pageDescription}" />
</head>
<body>
    <div class="body" id="productsDetail">
        #{top}
        <div class="productsTitle"></div>
        <%var list = YBBCommon.GetListMenu(typeread); %>
        <div class="subMenu1"><%foreach(var row in list){ %><a <%if (row.Id == typeread.Id || row.Id==typeread.upid) { %>class="cur" <%} %> href="<%=row.glink %>"><%=row.typename %></a><%} %></div>
        <div class="main">
            <div class="box">
                <div class="crumbs">#{site.position}: <a href="#{site.dir}">#{site.hometitle}</a>&gt;#{daohang}</div>
                <div class="content">
                    <div class="row1">
                        <div id="tsShopContainer">
                            <div id="tsImgS"><a href="<%=read["pic"] %>" title="Images" class="MagicZoom" id="MagicZoom">
                                <img width="300" height="300" src="<%=read["pic"] %>" /></a></div>
                            <div id="tsPicContainer">
                                <div id="tsImgSArrL" onclick="tsScrollArrLeft()"></div>
                                <div id="tsImgSCon">
                                    <ul>


                                        <li onclick="showPic(0)" rel="MagicZoom" class="tsSelectImg">
                                            <img height="42" width="42" src="<%=read["pic"] %>" tsimgs="<%=read["pic"] %>" /></li>
                                        <%var blist = YBBCommon.GetListDAlbum(document.Id); %>
                                        <%var i = 1; %>
                                        <%foreach(var row in blist){ %>
                                        <li onclick="showPic(<%=i %>)" rel="MagicZoom">
                                            <img height="42" width="42" src="<%=row.picfile %>" tsimgs="<%=row.picfile %>" /></li><%i++; %><%} %>
                                    </ul>

                                </div>
                                <div id="tsImgSArrR" onclick="tsScrollArrRight()"></div>
                            </div>
                            <img class="MagicZoomLoading" width="16" height="16" src="#{site.templates}images/loading.gif" alt="Loading..." />
                        </div>
                        <div class="text">
                            <p class="p1"><%=read["title"] %></p>
                            
                            <p class="p2">
                                <%=document.typename %><br />
                                <%if(!read["lightsource"].ToString().StrIsNullOrEmpty()){ %>
                            <%=read["lightsource"] %><br />
                            <%} %>
                            <%if(!read["qualitativematerial"].ToString().StrIsNullOrEmpty()){ %>
                            <%=read["qualitativematerial"] %><br />
                            <%} %>
                            <%if(!read["protectiongrade"].ToString().StrIsNullOrEmpty()){ %>
                            <%=read["protectiongrade"] %><br />
                            <%} %>
                                <br />
                                <%=document.summary %>
                            </p>
                            <!--<p class="p3">Download </p>
                            <p class="p4"><a href="#" target="_self" textvalue="画册下载">画册下载</a></p>-->
                        </div>
                    </div>
                    <div class="row2">
                        <%=read["content"] %>
                        <p>&nbsp;</p>
                        <p class="back"><a href="<%=UrlLinkHelp.GetArticleLink(dlngs,lngs,typeread.Id) %>">Back to list</a></p>
                    </div>
                    <div class="row3">
                        <p class="title">[Application]</p>
                        <div class="listBox">
                            <div class="list">
                                <ul>


                                    <li><a href="#">
                                        <img src="#{site.templates}images/nan1.jpg" class="img" alt="Street" title="Street" /></a>
                                        <p class="p1"><a href="#">Street</a></p>
                                        <p class="p2">LED lights is the ideal solution for stree... </p>
                                    </li>



                                    <li><a href="#">
                                        <img src="#{site.templates}images/nan1.jpg" class="img" alt="Street" title="Street" /></a>
                                        <p class="p1"><a href="#">Street</a></p>
                                        <p class="p2">LED lights is the ideal solution for stree... </p>
                                    </li>
                                    <li><a href="#">
                                        <img src="#{site.templates}images/nan1.jpg" class="img" alt="Street" title="Street" /></a>
                                        <p class="p1"><a href="#">Street</a></p>
                                        <p class="p2">LED lights is the ideal solution for stree... </p>
                                    </li>
                                    <li><a href="#">
                                        <img src="#{site.templates}images/nan1.jpg" class="img" alt="Street" title="Street" /></a>
                                        <p class="p1"><a href="#">Street</a></p>
                                        <p class="p2">LED lights is the ideal solution for stree... </p>
                                    </li>
                                </ul>
                            </div>
                            <a href="javascript:;" class="btnLeft"></a><a href="javascript:;" class="btnRight"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        #{bottom}
    </div>
    <script src="#{site.templates}js/main.js" type="text/javascript" charset="utf-8"></script>
    <script src="#{site.templates}js/PZslide.js" type="text/javascript" charset="utf-8">
    </script>
    <script src="#{site.templates}js/MagicZoom.js" type="text/javascript">
    </script>
    <script src="#{site.templates}js/ShopShow.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">$(function () { var slide = new MySlide({ imgs: $("#productsDetail .row3 .list ul"), btns: null, texts: null, wid: 285, ind: 0, autoTime: 3000, inv: null, ty: "li", btnL: $("#productsDetail .row3 .btnLeft"), btnR: $("#productsDetail .row3 .btnRight"), hasNum: false, path: "left", showSize: 3 }); slide.init(); }); </script>
</body>
</html>